import React from 'react';
import styles from './index.module.scss'
import { Icon, Typography } from 'antd'

const { Title } = Typography;

interface PropsInterface {
  icon: string,
  title: string,
  resume: string
}

function WebMeHeader(props: PropsInterface) {

  return (
    <div className={ `w-flex-between-center ${styles['web-me-header']}` }>
      <span className={ `w-round w-image-fit ${ styles.icon }` } style={{ backgroundImage: `url(${props.icon})` }}></span>
      <Title level={4}>{ props.title }</Title>
      <a href={ props.resume } rel="noopener noreferrer" target='_blank' className={ styles.resume }>
        <Icon type="file" />
      </a>
    </div>
  );
}

export default WebMeHeader;
